body {
    font-size: 16px;
    padding-top: 1.06rem;
    background-color: #f1f1f1;
}

// 顶部通栏与搜索框
header {

    // height: 1.06rem;
    // background-color: pink;
    // box-sizing: border-box;
    .container-fluid {
        padding: 0;

        // 顶部栏
        .toplan {
            // width: 100%;
            background-color: #ff841d;
            height: .5rem;

            a:nth-child(1) {
                display: inline-block;
                width: 1.88rem;
                height: .24rem;
                padding: .09rem 0 .11rem .1rem;

                img {
                    width: 100%;
                }
            }

            a:nth-child(2) {
                display: inline-block;
                width: 0.35rem;
                height: 0.35rem;
                float: right;
                padding: .04rem .05rem .06rem 0;
            }

        }

        // 搜索框
        .search {
            width: 100%;
            height: .56rem;
            background-color: #f1f1f1;

            .left_search {
                float: left;

                // width: 3rem;
                input {
                    margin-top: .07rem;
                    margin-left: .1rem;
                    padding-left: .2rem;
                    width: 2.86rem;
                    height: 0.3rem;
                    background-color: #ccc;
                    font-size: .15rem;
                    border-radius: .3rem;
                    outline: none;
                    border: 0;
                   
                }
            }

            .right_btn {
                float: right;
                width: 0.75rem;
                margin-top: .075rem;
                .btn {
                    background-color: #ff841d;
                    width: 0.62rem;
                    height: 0.29rem;
                    color: #fff !important;
                    text-align: center;
                    line-height: .29rem;
                    border-radius: .15rem;
                    font-size: .17rem;
                    padding: 0;
                }
            }
        }
    }
}



// 分类页面
.classify {
    ul {
        li {
            width: 100%;
            height: .38rem;
            background-color: #ededed;
            border-bottom:1px solid #666;
            font-size: .16rem;
            line-height: .38rem;
           
            // display: flex;
            // justify-content: space-between;
            span:nth-child(1){
                font-weight: 700;
                padding-left: .06rem;
            }
            span:nth-child(2) {
                padding-right: .06rem;
                line-height: .38rem;
                color: #ccc;
                float: right;
            }
            
        }
        .menu {
            width: 100%;
            background-color: #fff;
            ul{
                display: flex;
                flex-wrap: wrap;
                li {
                    width: 33.33%;
                    height: .38rem;
                     background-color: #fff;
                     text-align: center;
                    border-right:1px solid #ccc; 
                    border-bottom:1px solid #ccc; 
                    &:nth-child(n*3){
                        border-right:none;
                    }
                }
            }
        }
    }
}





// 尾部
footer {
   .lorere {
        margin-top: .24rem;
        height: .3rem;
        display: flex;

        span {
            flex: 1;
            height: 100%;
            line-height: .3rem;
            text-align: center;
            font-size: .15rem;
            color: #000;
            border: 1px solid #ccc;

            a {
                display: block;
                height: 100%;
            }
        }


    }

    .endMessage {
        margin-top: .15rem;
        text-align: center;
        color: #000;

        em {
            font-style: normal;
        }

        em:nth-child(1) {
            color: red;
        }

        em:nth-child(2) {
            color: #ccc;
        }
    }

    .url {
        text-align: center;
        color: #666;
        margin-bottom: .05rem;
    }
}